<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>乐育网_个人中心</title>
        <link rel="stylesheet" href="styles/style2.css" type="text/css" />
        <script type="text/javascript" src="scripts/plugins/jquery.js"></script>
        <script type="text/javascript">
        	var previousCate='tweet';
        	var changeNewsCate=function(catetype){
        		$('#'.concat(previousCate.toString().concat('-a'))).removeClass('news-cate-on');
        		$('#'.concat(catetype.toString().concat('-a'))).addClass('news-cate-on');
        		
        		$('#'.concat(previousCate.toString().concat('-container'))).removeClass('on');
        		$('#'.concat(catetype.toString().concat('-container'))).addClass('on');
        		
        		previousCate=catetype;
        	}
        	
        	var previousPublishCateActive;
        	var changePublishCateOnBigNav=function(id){
        		var idOnSmallNav=id.substring(0,id.lastIndexOf('-')).concat('-s');
        		previousPublishCateActive=idOnSmallNav;
        		
        		$('.publish-container').css('height','165px');
        		$('.publish-wrap-right').css('top','45px');
        		
        		$('#'.concat(idOnSmallNav)).next('div').addClass('publish-cate-on');
        		
        		$('.publish-category-bignav').hide();
        		$('.publish-category-smallnav').show();
        	}
        	var changePublishCateOnSmallNav=function(id){
        		if(id==previousPublishCateActive){
        			$('.publish-container').css('height','65px');
        			$('.publish-wrap-right').css('top','20px');
        			
        			$('#'.concat(id)).next('div').removeClass('publish-cate-on');
        			
        			$('.publish-category-bignav').show();
        			$('.publish-category-smallnav').hide();
        		}else{
        			$('#'.concat(previousPublishCateActive)).next('div').removeClass('publish-cate-on');
        			$('#'.concat(id)).next('div').addClass('publish-cate-on');
        			previousPublishCateActive=id;
        		}
        	}
        	
        	$(function(){
        		
        		$('.topbar').hover(function(){
        			if($('.user-menu-drop').css('display')=='none')
        				$('.user-menu-drop').slideDown('fast').show();
        		},function(){
        			$('.user-menu-drop').slideUp('slow');
        		});
        		
        		$('#close-message-tip-btn').click(function(){
        			$('.message-tip-wrap').slideUp('slow').hide();
        		});
        	});
        </script>
    </head>
    <body>
        <div class="header">
        	<div class="container wrap">
        		<div class="logo">
        			<h1>乐育网</h1>
        		</div>
        		<div class="nav">
        			<ul>
		                <li><a class="nav-on" href="index.html" title="首页">首页</a></li>
		                <li><a href="#" title="班级">班级</a></li>
		                <li><a href="#" title="群组">群组</a></li>
		                <li><a href="#" title="教学资源">教学资源</a></li>
		                <li><a href="#" title="教学资源">问答广场</a></li>
		            </ul>
        		</div>
        		<a style="color:white;position:absolute;top:25px;left:70%;text-decoration:underline;" href="index.html">2栏效果</a>
        		<div class="topbar">
        			<ul class="user-menu">
			    		<li class="menu-user-head"><img width="32" height="32" src="styles/images/heroicYang.jpg" /></li>
			    		<li class="menu-user-name"><a href="#">heroicYang</a></li>
			    		<li class="menu-message-notice">
			    			<a class="notice-icon-wrap" href="#">
			    				<span class="notice-icon">
			    					<span class="notice-message-count">10</span>
			    				</span>
			    			</a>
			    		</li>
			    		<li class="menu-drop-btn">
			    			<a href="#"></a>
			    		</li>
			    	</ul>
			    	<ul class="user-menu-drop">
			    		<li><a href="myclass.html"><span>我的班级</span></a></li>
			    		<li><a href="#"><span>我的孩子</span></a></li>
			    		<li><a href="mygroup.html"><span>我的群组</span></a></li>
			    		<li class="pr"><a href="#"><span>我的关注</span><span class="umd-item-right">0</span></a></li>
			    		<li class="pr"><a href="#"><span>我的粉丝</span><span class="umd-item-right">0</span></a></li>
			    		<li class="pr"><a href="#"><span>我的积分</span><span class="umd-item-right">0</span></a></li>
			    		<li><a href="#"><span>设置</span></a></li>
			    		<li><a href="#"><span>退出</span></a></li>
			    	</ul>
        		</div>
        	</div>
        </div>
    	<div class="content wrap">
    		<div class="left-silder-wrap">
    			<div class="interest-user-wrap pr">
    				<div class="sider-title">
    					可能感兴趣
    					<span class="change-interest-user">换一批</span>
    				</div>
    				<div class="iu-category-wrap pr">
    					<ul>
    						<li><a href="#">好友</a></li>
    						<li><a href="#">班级</a></li>
    						<li class="iu-category-last"><a href="#">群组</a></li>
    					</ul>
    				</div>
    				<div class="interest-user pr">
    					<ul>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    					</ul>
    				</div>
    			</div>
    			
    			<div class="interest-user-wrap pr">
    				<div class="sider-title">
    					可能感兴趣
    					<span class="change-interest-user">换一批</span>
    				</div>
    				<div class="iu-category-wrap pr">
    					<ul>
    						<li><a href="#">好友</a></li>
    						<li><a href="#">班级</a></li>
    						<li class="iu-category-last"><a href="#">群组</a></li>
    					</ul>
    				</div>
    				<div class="interest-user pr">
    					<ul>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    					</ul>
    				</div>
    			</div>
    		</div>
    		<div class="leftwrap">
    			<!--<div class="microblog_box">
                	<form action="#">
                    	<div class="tip">你还可以输入<strong>140</strong>个字</div>
                        <div class="microblog_textarea">
                             <textarea name="" id="blogcontent" class="addnamelist" style="color: rgb(153, 153, 153); " rel="index-w-num"></textarea>
                        </div>
                        <div class="microblog_cate">
                        	<a class="article-cate" href="#">文章</a>
                        	<a class="ask-cate" href="#">提问</a>
                        	<a class="resource-cate" href="#">资源</a>
                        	<a class="photo-cate" href="#">照片</a>
                        </div>
                        <div class="subwrap">
                        	<a class="submitBtn" href="javascript:;" title="发布">发布</a>
                        </div>
                     </form>
          		</div>-->
          		<div class="pr publish-wrap">
          			<div class="publish-wrap-right"></div>
          			<div class="publish-container">
          				<div class="publish-category-bignav">
          					<ul>
          						<li><a id="pt-btn-b" onclick="changePublishCateOnBigNav('pt-btn-b');" class="publish-tweetcate-btn" href="javascript:;">乐言乐语</a></li>
          						<li><a id="pa-btn-b" onclick="changePublishCateOnBigNav('pa-btn-b');" class="publish-articlecate-btn" href="javascript:;">文章</a></li>
          						<li><a id="pr-btn-b" onclick="changePublishCateOnBigNav('pr-btn-b');" class="publish-resoursecate-btn" href="javascript:;">资源</a></li>
          						<li><a id="pp-btn-b" onclick="changePublishCateOnBigNav('pp-btn-b');" class="publish-photocate-btn" href="javascript:;">照片</a></li>
          					</ul>
          				</div>
          				<div class="clearfix"></div>
          				<div class="publish-category-smallnav">
          					<ul>
          						<li class="pr">
          							<a id="pt-btn-s" onclick="changePublishCateOnSmallNav('pt-btn-s');" class="publish-tweetcate-btn" href="javascript:;">乐言乐语</a>
          							<div></div>
          						</li>
          						<li class="pr">
          							<a id="pa-btn-s" onclick="changePublishCateOnSmallNav('pa-btn-s');" class="publish-articlecate-btn" href="javascript:;">发表文章</a>
          							<div></div>
          						</li>
          						<li class="pr">
          							<a id="pr-btn-s" onclick="changePublishCateOnSmallNav('pr-btn-s');" class="publish-resoursecate-btn" href="javascript:;">发布资源</a>
          							<div></div>
          						</li>
          						<li class="pr">
          							<a id="pp-btn-s" onclick="changePublishCateOnSmallNav('pp-btn-s');" class="publish-photocate-btn" href="javascript:;">上传照片</a>
          							<div></div>
          						</li>
          					</ul>
          				</div>
          				<div class="clearfix"></div>
          			</div>
          		</div>
          		<div class="pr message-tip-wrap">
          			<div class="message-tip-category">
          				教师来信
          				<div class="close-message-tip"><a id="close-message-tip-btn" href="javascript:;">我知道了</a></div>
          			</div>
          			<div class="message-tip-content">
          				<ul>
          					<li class="pr">某某某教师的来信:一个人一生中最想做的事，就是他17岁时的那个梦想。<span class="mt-view-message"><a href="#">点击查看</a></span></li>
          					<li class="pr no-bborder">某某某教师的来信:一个人一生中最想做的事，就是他17岁时的那个梦想。<span class="mt-view-message"><a href="#">点击查看</a></span></li>
          				</ul>
          			</div>
          		</div>
            	<div class="news">
            		<ul class="news-nav">
            			<li><a id="tweet-a" class="news-title news-cate-on" href="javascript:changeNewsCate('tweet');"><span class="tweet">新鲜事</span></a></li>
            			<li><a id="class-trends-a" class="news-title" href="javascript:changeNewsCate('class-trends');"><span class="class-trends">班级动态</span></a></li>
            		</ul>
            		<div class="clearfix"></div>
            		<div class="news-top"></div>
            		<div id="tweet-container" class="news-container on">
	            		<div class="topic pr">
					        <div class="pa topic-avatar">
					        	<a class="pa" href="#"><img src="styles/images/heroicYang.jpg"></a>           
					        </div>
	        				<dl class="pr">
	                			<dt class="pr">                                           
	                        		<div class="topic-content">                                                           
	                                	<a href="#">心理学家说，一个人一生中最想做的事，就是他17岁时的那个梦想。你17岁时的梦想是什么？
										</a>
	                        		</div>
	                			</dt>
				                <dd class="pr topic-info">
				                	<div class="pr topic-user">
				                		<span class="topic-user-name">heroicYang</span>
				                		发表于
				                		<span class="topic-content-time">2011-10-16 15:55</span>
				                	</div>
				                	<div class="pr topic-operate">
				                		<ul>
				                			<li><a href="#">回应(<span class="topic-comment-count">0</span>)</a></li>
				                			<li><a href="#">推荐(<span class="topic-plus-count">0</span>)</a></li>
				                		</ul>
				                	</div>
				                </dd>
	                        </dl>
						</div>
						
						<div class="topic pr">
					        <div class="pa topic-avatar">
					        	<a class="pa" href="#"><img src="styles/images/heroicYang.jpg"></a>           
					        </div>
	        				<dl class="pr">
	                			<dt class="pr">                                           
	                        		<div class="topic-content">                                                           
	                                	<a href="#">心理学家说，一个人一生中最想做的事，就是他17岁时的那个梦想。你17岁时的梦想是什么？
										</a>
	                        		</div>
	                			</dt>
				                <dd class="pr topic-info">
				                	<div class="pr topic-user">
				                		<span class="topic-user-name">heroicYang</span>
				                		发表于
				                		<span class="topic-content-time">2011-10-16 15:55</span>
				                	</div>
				                	<div class="pr topic-operate">
				                		<ul>
				                			<li><a href="#">回应(<span class="topic-comment-count">0</span>)</a></li>
				                			<li><a href="#">推荐(<span class="topic-plus-count">0</span>)</a></li>
				                		</ul>
				                	</div>
				                </dd>
	                        </dl>
						</div>
						
						<div class="topic pr">
					        <div class="pa topic-avatar">
					        	<a class="pa" href="#"><img src="styles/images/heroicYang.jpg"></a>           
					        </div>
	        				<dl class="pr">
	                			<dt class="pr">                                           
	                        		<div class="topic-content">                                                           
	                                	<a href="#">心理学家说，一个人一生中最想做的事，就是他17岁时的那个梦想。你17岁时的梦想是什么？
										</a>
	                        		</div>
	                			</dt>
				                <dd class="pr topic-info">
				                	<div class="pr topic-user">
				                		<span class="topic-user-name">heroicYang</span>
				                		发表于
				                		<span class="topic-content-time">2011-10-16 15:55</span>
				                	</div>
				                	<div class="pr topic-operate">
				                		<ul>
				                			<li><a href="#">回应(<span class="topic-comment-count">0</span>)</a></li>
				                			<li><a href="#">推荐(<span class="topic-plus-count">0</span>)</a></li>
				                		</ul>
				                	</div>
				                </dd>
	                        </dl>
						</div>
						
						<div class="topic pr">
					        <div class="pa topic-avatar">
					        	<a class="pa" href="#"><img src="styles/images/heroicYang.jpg"></a>           
					        </div>
	        				<dl class="pr">
	                			<dt class="pr">                                           
	                        		<div class="topic-content">                                                           
	                                	<a href="#">心理学家说，一个人一生中最想做的事，就是他17岁时的那个梦想。你17岁时的梦想是什么？
										</a>
	                        		</div>
	                			</dt>
				                <dd class="pr topic-info">
				                	<div class="pr topic-user">
				                		<span class="topic-user-name">heroicYang</span>
				                		发表于
				                		<span class="topic-content-time">2011-10-16 15:55</span>
				                	</div>
				                	<div class="pr topic-operate">
				                		<ul>
				                			<li><a href="#">回应(<span class="topic-comment-count">0</span>)</a></li>
				                			<li><a href="#">推荐(<span class="topic-plus-count">0</span>)</a></li>
				                		</ul>
				                	</div>
				                </dd>
	                        </dl>
						</div>
            		</div>
            		<div id="class-trends-container" class="news-container">
            			<div class="topic pr class-trends-topic">
            				<span class="ct-username"><a href="#">某某某</a></span>
            				于
            				<span class="ct-time">2011-10-19 10:15</span>
            				加入了
            				<span class="ct-classname"><a href="#">某某某班级</a></span>
            				，赶快去关注他吧！
            			</div>
            			
            			<div class="topic pr class-trends-topic">
            				<span class="ct-username"><a href="#">某某某</a></span>
            				于
            				<span class="ct-time">2011-10-19 10:15</span>
            				加入了
            				<span class="ct-classname"><a href="#">某某某班级</a></span>
            				，赶快去关注他吧！
            			</div>
            			
            			<div class="topic pr class-trends-topic">
            				<span class="ct-username"><a href="#">某某某</a></span>
            				于
            				<span class="ct-time">2011-10-19 10:15</span>
            				加入了
            				<span class="ct-classname"><a href="#">某某某班级</a></span>
            				，赶快去关注他吧！
            			</div>
            			
            			<div class="topic pr class-trends-topic">
            				<span class="ct-username"><a href="#">某某某</a></span>
            				于
            				<span class="ct-time">2011-10-19 10:15</span>
            				加入了
            				<span class="ct-classname"><a href="#">某某某班级</a></span>
            				，赶快去关注他吧！
            			</div>
            			
            			<div class="topic pr class-trends-topic">
            				<span class="ct-username"><a href="#">某某某</a></span>
            				于
            				<span class="ct-time">2011-10-19 10:15</span>
            				加入了
            				<span class="ct-classname"><a href="#">某某某班级</a></span>
            				，赶快去关注他吧！
            			</div>
            		</div>
            	</div>
            	<div class="load-more">
            		<a href="javascript:;">加载更多...</a>
            	</div>
    		</div>
    		<div class="rightwrap">
    			<div class="userwrap">
    				<div class="pr">
                    	<a class="user-avatar" href="#" title="heroicYang"><img src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
                        <div class="user-info">
                        	<h3><a href="/heroicYang" title="heroicYang">heroicYang</a></h3>
                            <ul>
                            	<li>
                            		<a href="#" title="0个关注">0</a>关注
                            	</li>
                            	<li>
                                	<a href="#" title="0个粉丝">0</a>粉丝
                            	</li>
                             	<li class="no-border">
                                	<a href="#" title="0个积分">0</a>积分
                             	</li>
                            </ul>
                        </div>

                    </div>
                    <div class="user-link-nav">
                    	<a href="myclass.html" title="我的班级">我的班级</a>
                    	<a href="#" title="我的孩子">我的孩子</a>
                    	<a href="mygroup.html" title="我的群组">我的群组</a>
                    </div>
    			</div>
    			<div class="user-nav-wrap">
    				<ul>
    					<li><a class="user-nav-active una-first" href="#">乐言乐语</a></li>
    					<li><a href="#">我的文章</a></li>
    					<li><a href="#">我的问答</a></li>
    					<li><a href="#">我的资源</a></li>
    					<li><a href="#">我的照片</a></li>
    					<li><a class="una-last" href="#">成绩分析系统</a></li>
    				</ul>
    			</div>
    			
    			<div class="interest-user-wrap pr">
    				<div class="sider-title">
    					可能感兴趣
    					<span class="change-interest-user">换一批</span>
    				</div>
    				<div class="iu-category-wrap pr">
    					<ul>
    						<li><a href="#">好友</a></li>
    						<li><a href="#">班级</a></li>
    						<li class="iu-category-last"><a href="#">群组</a></li>
    					</ul>
    				</div>
    				<div class="interest-user pr">
    					<ul>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="40" height="40" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    					</ul>
    				</div>
    			</div>
    		</div>
    	</div>
    	<div class="pr footer">
    		<ul>
    			<li><a href="#">关于我们</a></li>
    			<li><a href="#">使用条款</a></li>
    			<li><a href="#">新手教程</a></li>
    			<li><a href="#">诚聘英才</a></li>
    			<li><a href="#">商务合作</a></li>
    			<li><a href="#">联系我们</a></li>
    		</ul>
    	</div>
    </body>
</html>
